/*
 * Gridiculous
 *
 * A responsive grid boilerplate that takes you all the way from 1200px on down to 320px.
 *
 * created by c.bavota
 * released under GPL v2
 *
 * March 4th, 2013
 */

/* =Normalize.css v2.1.0 by Nicolas Gallagher - http://necolas.github.com/normalize.css/
-------------------------------------------------------------- */
/*
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}

body{margin:0}

a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:0.67em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}


/* =Clearfix by Nicolas Gallagher
-------------------------------------------------------------- */
.row:before,.row:after,.clearfix:before,.clearfix:after{content:'';display:table}
.row:after,.clearfix:after{clear:both}
.row,.clearfix{zoom:1}

/* =Gridiculous
-------------------------------------------------------------- */

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
body{font-size:100%;line-height:1}
.grid{margin:0  auto;max-width:1140px;width:100% }
.grid2{margin:0 auto;max-width:100%;width:100% }
.grid3{margin:0 auto;max-width:90%;width:100% }
.grid4{margin:5px auto;max-width:1280px;width:100%}
.grid5{margin:5px auto;max-width:590px;width:100%}
.grid6{margin:5px auto;max-width:500px;width:100%; max-height:400 }
.grid7{margin:5px auto;max-width:1200px;width:100%}
.grid8{margin:5px auto;max-width:960px;width:100%}
.grid9{margin:5px auto;max-width:640px;width:100%}
.grid10{margin:5px auto;max-width:700px;width:100%}

img{max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto}
.wfull{width:100%;max-width:100%}
.w320{max-width:320px}
.w640{max-width:640px}
.w960{max-width:960px}

.row{width:100%;margin-bottom:20px}
.row .row{width:auto;margin:0 -20px}


.Cfive{width:20.00%}
.Cseven{width:14.28%}
.Ceight{width:12.5%}
.Cnine{width:11.1%}
.Cten{width:10%}
.Celeven{width:9.0%}

.c1{width:8.33%}
.cdevprog{width:16.6%}
.c1Reader{width:8.33%}
.cModel{width:25%}
.c2{
	width:16.66%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.c2f{
	width:16.66%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.c2icn{
	width:16.66%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}


.c3{width:25%}
.c3f{width:25%}
.c3icn{width:25%}

.c4{width:33.33%}
.c4icn{width:33.33%}
.c4f{width:33.33%}

.c5{width:41.66%}
.col5{width:20%}
.ic_cloud{width:20%}

.c6{width:50%}
.c6f{width:50%}
.c6icn{width:50%}

.c7{width:58.33%}

.c8{width:66.66%}

.c9{width:75%}

.c10{width:83.33%}

.c11{width:91.66%}

.c12{width:100%}

.c1s,.c2s,.c3s,.c4s,.c5s,.c6s,.c7s,.c8s,.c9s,.c10s,.c11s,.c12s{min-height:1px;float:left;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px; position:relative}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{min-height:1px;float:left;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px; position:relative}

.cdevprog{min-height:1px;float:left;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px; position:relative}
.c1Reader{min-height:1px;float:left;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px; position:relative}
.cModel{min-height:1px;float:left;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px; position:relative}

.c2f,.c3f, .c4f,.c6f{min-height:1px;float:left;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px; position:relative}
.c1icn,.c2icn,.c3icn, .c4icn, .c6icn{min-height:1px;float:left;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px; position:relative}
.col5{min-height:1px;float:left;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px; position:relative}
.ic_cloud{min-height:1px;float:left;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px; position:relative}

.Cfive,.Cseven, .Ceight,.Cnine,.Cten,.Celeven{min-height:1px;float:left;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px; position:relative}

.s1{margin-left:8.33%}
.s2{margin-left:16.66%}
.s3{margin-left:25%}
.s4{margin-left:33.33%}
.s5{margin-left:41.66%}
.s6{margin-left:50%}
.s7{margin-left:58.33%}
.s8{margin-left:66.66%}
.s9{margin-left:75%}
.s10{margin-left:83.33%}
.s11{margin-left:91.66%}
.end{float:right!important}
.start{float:left!important}

/* =Media query for 960 Screens - sets nested grids to 100%
-------------------------------------------------------------- */

/*Viewport = 1024px*/
@media screen and (max-width: 64em) {

 .c2f,.c3f, .c4f, .c6f {width:50%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

}


/*Viewport = 960px*/
@media screen and (max-width: 60em) {

.row .row .c1,.row .row .c2,.row .row .c3,.row .row .c4,.row .row .c5,.row .row .c6,.row .row .c7,.row .row .c8,.row .row .c9,.row .row .c10,.row .row .c11,.row .row .c12{width:100%;padding-top: 4px;padding-right: 4px;padding-bottom: 4px;padding-left: 4px;}
.row .row > div:last-child{margin-bottom:0 !important}

 .c2f,.c3f, .c4f, .c6f {width:50%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

 .ic_cloud{width:33.33%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}
}



/*Viewport = 800px*/
@media screen and (max-width: 50em) {

 .c2f,.c3f, .c4f, .c6f {width:50%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

 .ic_cloud{width:50%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}
}


/*Viewport = 768px*/
@media screen and (max-width: 48em) {

body{font-size:90%}
.row{margin-bottom:0!important}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{width:100%;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px}


 .c2f,.c3f, .c4f, .c6f {width:50%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

 .ic_cloud{width:50%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}
}

/*Viewport = 600px*/
@media screen and (max-width: 37.5em) {
 .c2f,.c3f,.c4f,.c6f{width:50%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}



.c1icn,.c2icn,.c3icn, .c4icn, .c6icn{width:50%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

 .col5{width:50%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

 .ic_cloud{width:50%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

 .c1Reader{width:25%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}
	
.Cfive,.Cseven, .Ceight,.Cnine,.Cten,.Celeven{width:50%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}
	
}



/*Viewport = 480px*/
@media screen and (max-width: 30em) {
 
.c1icn,.c2icn,.c3icn, .c4icn, .c6icn{width:50%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

.c2f,.c3f,.c4f,.c6f {width:50%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

 .col5{width:50%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

 .ic_cloud{width:100%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

 .c1Reader{width:25%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

 .cdevprog{width:50%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

 .cModel{width:50%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}
	
.Cfive,.Cseven, .Ceight,.Cnine,.Cten,.Celeven {width:50%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}	

}


/*Viewport = 320px*/
@media screen and (max-width: 20em) {
 .c2f,.c3f, .c4f, .c6f {width:100%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

 .c3ic,.c4ic {width:100%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

.c1icn,.c2icn,.c3icn, .c4icn, .c6icn{width:50%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

 .col5{width:100%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

 .ic_cloud{width:100%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

 .c1Reader{width:25%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

 .cdevprog{width:50%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

 .cModel{width:50%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}
	
.Cfive,.Cseven, .Ceight,.Cnine,.Cten,.Celeven {width:50%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}	
}


/*Viewport = 240px*/
@media screen and (max-width: 15em) {
 .c2f,.c3f, .c4f, .c6f {width:100%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

 .c3ic,.c4ic {width:100%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

.c1icn,.c2icn,.c3icn, .c4icn, .c6icn{width:50%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

 .col5{width:100%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

 .ic_cloud{width:100%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

 .cdevprog{width:50%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

 .c1Reader{width:25%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}

 .cModel{width:50%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}
	
.Cfive,.Cseven, .Ceight,.Cnine,.Cten,.Celeven {width:50%;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;}
.row .row > div:last-child{margin-bottom:0 !important}	
	
}